@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Regular.ttf");
}

body{
	background-color: #D0DCE0;
	font: normal 80% Roboto, Helvetica;
	height: 100%;
}

html{
	height: 100%;
}

h2{
	font-size: 15px;
	color: #000;
	font-weight: 600;
}

a:hover{
	color: #E76F00;
}

.arrow{
	margin-right: 3px;
}

.margen{
	margin: 0px 2px;
}

#contenedor{
	height: 100%;
}

	#autores{
		width: 300px;
		margin-top: 190px;
		float: right;
	}
	
		#autores h2{
			font-size: 20px;
			color: #066BAD;
		}
		
		#autores h3{
			font-size: 18px;
		}

#sidebar{
	background-color: #D0DCE0;
	width: 18%;
	float: left;
	display: table-cell;
	padding: 1%;
}

#cabecera{
	height: 90px;
	width: 100%;	
	font-size: 11px;
}

#cabecera h2{
	font-size: 18px;
	color: #066BAD;
}

#contenido{
	background-color: #FFF;
	width: 78%;
	min-height: 98%;
	float: left;
	padding: 1%
}


/*PÁGINA DE INICIO - INDEX*/
#inicio #cabecera{
	height: 135px;
	background-color: #FFF;
}

.logo{
	width: 350px;
	margin-bottom: 20px;
}

.login{
	width: 300px;
	margin: 100px auto 10px auto;
	padding: 10px;
	background-color: #C0CBCF;
	/*Esquinas*/
	border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    /*Borde*/
    border: 1px solid #C0CBCF;
    /*Sombra*/
    -moz-box-shadow: 0 0 7px #c7c7c7;
    -webkit-box-shadow: 0 0 7px #c7c7c7;
    box-shadow: 0 0 7px #c7c7c7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#c7c7c7')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#c7c7c7');
	
}

.login p{
	text-align: center;
	margin-bottom: 10px;
}

/*TABLAS*/

td{
	padding: 3px;
}

.login table {
	margin: 0 auto;
}

.centrar-vertical {
	padding-top: 5px;
}

table#lista-usuarios{
	width: 100%;
	margin: 20px auto;
}

table#lista-usuarios th{
	font-weight: normal;
	padding: 5px;
	background-color: #066BAD;
	color: #FFF;
}

table#crearTabla{
	width: 100%;
	margin: 20px auto;
}

table#crearTabla th{
	font-weight: normal;
	padding: 5px;
	background-color: #066BAD;
	color: #FFF;
}

	.inicio{
		border-radius: 5px 0px 0px 0px;
	}

	.fin{
		border-radius: 0px 5px 0px 0px;
	}

table#crearTabla td{
	padding: 6px;
}

table#lista-tablas{
	width: 100%;
	margin: 10px auto;
}

table#lista-tablas td{
	padding: 6px;
}

table#lista-tablas td:hover span{
	cursor: pointer;
}

table#lista-tablas tr:hover td{
	padding: 6px;
	background-color: #50B8E0;
	color: white;
}

table#lista-tablas tr{
	border-bottom: 1px solid #EEE;
}

table#lista-tablas th{
	font-weight: normal;
	padding: 5px;
	background-color: #066BAD;
	color: #FFF;
}

/*SIDEBAR*/
#sidebar ul{
	
	margin: 15px 0px;
}

#sidebar li{
	/*list-style-image: url("../images/arrow.png");*/
	list-style: none;
	margin-left: 15px;
}


/*BOTONES*/
.boton{
    border: none;
    padding:4px;
    margin:5px 5px 5px 0px;
    background-color: #E76F00;
    color: #FFF;
    text-transform: uppercase;
    font: normal 90% Roboto, Helvetica;
    border-radius: 3px;
}

.boton:hover{
    background-color: #066BAD;
    color: #FFF;
}

/*FORMULARIO*/
.campo{
    width: 160px;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding: 5px;
    border: 1px solid #EEE;
}

fieldset#datosUsuario{
	margin: 15px 0px;
	border: 1px solid #B7B7B7;
	padding: 0.5em;
	background: #E5E5E5;
	width: 50%;
}

fieldset#privilegios{
	margin: 1% 0%;
	border: 1px solid #B7B7B7;
	padding: 0.5em;
	background: #E5E5E5;
	width: 98%;
}

fieldset#datos{
	margin: 15px 10px 15px 0px;
	border: 1px solid #B7B7B7;
	padding: 0.5em;
	background: #E5E5E5;
	width: 25%;
	float: left;
}

fieldset#estructura{
	margin: 15px 10px;
	border: 1px solid #B7B7B7;
	padding: 0.5em;
	background: #E5E5E5;
	width: 25%;
	float: left;
}

fieldset#administracion{
	margin: 15px 10px;
	border: 1px solid #B7B7B7;
	padding: 0.5em;
	background: #E5E5E5;
	width: 25%;
	float: left;
}

legend{
	font-size: 14px;
}


/*AVISOS*/
.aviso{
	margin: 10px auto;
	width: 320px;
}

.aviso p{
	margin: 5px 0px;
}

.pro_aviso{
	width:310px;
	margin: 10 auto;
	padding:0px 5px 0px 5px;  
	display:inline-block; 
	background:#999; 
	border-radius:3px; 
	color:#fff;
	text-align: center;
}

.ok{ 
	background:#468847;
}

.alert{ 
	background:#F89406
}

.ko{ 
	background: #e10303;
}

.info{ 
	background:#3A87AD;
}

/*MENÚ SUPERIOR*/
#menu-superior{
	width: 100%;
	text-align: center;
}